@media only screen and (min-width:1366px ){ 
*{
	margin: 0;
	padding: 0;
}
body{
	width:100%;
	height:auto;
	margin: 0 auto;
}
.inner{
	width:1266px;
	height: auto;
	margin: 0 auto;
}
.header{
	height:70px ;
	background:#333333 ;
}
.header .logo a{
	text-decoration: none;
	float: left;
	height: 70px;
	width: 17.5%;
	background-size: cover;
	margin-left: 3.6%;
	margin-right: auto;
	background: url(../Img/logo.png)no-repeat center center;
}
.header .nav2{
	display: none;
}	
.header .nav1{
	float: right;
	margin-right: 50px;
	width: 54%;
}
.header .nav1  ul{
	float: right;
	list-style: none;
}
.header .nav1 ul li{
	float: right;
	word-break:  keep-all;
	cursor: pointer;	
	padding-left: 40px;
	padding-right: 40px;
	color:#ffffff;
	font-size:16px;
	height: 70px;
	line-height: 70px;
}
.header .nav1 ul li a{
	text-align: center;
	text-decoration: none;
}
.header .nav1 ul li:hover{
	background-color: #000000;
}
.content .banner {
	position: relative;
	background-color: #333333;
}
#search{
	display: inline-block;
	position: absolute;
	top:50%;
	left:45%;
	width: 100%;	
}
#search .center{
	width: 600px;
	height: 60px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 5%;
	margin: -30px 0 0 -300px;
	opacity: 0.6;
	border-radius: 10px;
}
#search .search {
	width: 446px;
	height: 52px;
	background-color: #eee;
	position: absolute;
	top: 50%;
	left: 5%;
	margin: -27px 0 0 -296px;
	color: #666;
	border: 1px solid #666;
	border-radius: 10px;
	font-size: 24px;
	padding: 0 10px;
	outline: none;
}
#search .button {
	width: 120px;
	height: 54px;
	background-color: #eee;
	position: absolute;
	top: 50%;
	left: 5%;
	margin: -27px 0 0 175px;
	color: #666;
	border: 1px solid #666;
	border-radius: 10px;
	font-size: 24px;
	outline: none;
	cursor: pointer;
	font-weight: bold;
}
.content .show {
	margin-top: 40px;
}
.content .show a{
	text-decoration: none;
}
.content ul{
	list-style: none;
}
.content .show .text_1{
	text-align: center;
}
.content .show .text_1 h1{
	color:#666666;
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;
}
.content .show .text_1 p{
	color:#666666;
	margin-bottom: 40px;
}
.content .show .top-ph{
	float: left;
	margin: 0 auto;
	width: 100%;	
}
.content .show  ul{
	margin: 0 auto;
	float: left;
}
.content .show ul li{
	float: left;
	padding: 5px;
	border: 1px solid #DDDDDD;
	margin-right: 20px;
	border-radius: 5px;
	margin-bottom: 40px;
}
.content .show ul li:nth-child(3){
	margin-right:0;
}
.content .show ul li:nth-child(6){
	margin-right:0;
}
.content .show ul li:nth-child(9){
	margin-right:0;
}
.content .show .top-ph ul li .chuan{
	width: 396px ;
	height: 241px;
	background: url(../Img/s1.jpg)no-repeat center center;
}
.content .show .top-ph ul li .mr{
	width: 396px ;
	height: 241px;
	background: url(../Img/s2.jpg)no-repeat center center;
}
.content .show .top-ph ul li .hn{
	width: 396px ;
	height: 241px;
	background: url(../Img/s3.jpg)no-repeat center center;
}
.content .show .gc{
	float: left;
	background: #59B200;
	border:1px solid #59B200 ;
	border-bottom-right-radius:6px;
	padding: 1px 20px 1px 20px;
	text-align: center;
	font-size: 13px;
	color:#FFFFFF ;
}
.content .show span{
	font-size: 14px;
	color: #666666;	
}
.content .show strong{
	float: left;
	margin-top: 10px;
	color: #FF6600;
	font-size: 20px;
	font-weight: bold;
}
.content .show h3{
	margin-left: 5px;
	padding-top: 0px;
	float: left;
	color: #FF6600;
	font-size: 13px;	
}
.content .show h4{
	padding-top:15px ;
	float: right;
	color: #999999;
	font-size: 13px;
	font-w1
}
.content .show .top-ph ul li .fs{
	width: 396px ;
	height: 241px;
	background: url(../Img/s4.jpg)no-repeat center center;
}
.content .show .top-ph ul li .fr{
	width: 396px ;
	height: 241px;
	background: url(../Img/s5.jpg)no-repeat center center;
}
.content .show .top-ph ul li .bl{
	width: 396px ;
	height: 241px;
	background: url(../Img/s6.jpg)no-repeat center center;
}
.content .show .top-ph ul li .db{
	width: 396px ;
	height: 241px;
	background: url(../Img/s7.jpg)no-repeat center center;
}
.content .show .top-ph ul li .hy{
	width: 396px ;
	height: 241px;
	background: url(../Img/s8.jpg)no-repeat center center;
}
.content .show .top-ph ul li .jd{
	width: 396px ;
	height: 241px;
	background: url(../Img/s1.jpg)no-repeat center center;
}
.footer{
	clear: both;
	background-color: #333333;
	width: 100%;
	height: 321px;
}
.footer .list2{
	display: none;
}
.footer .list1{
	padding: 30px 0 30px 0;
	margin: O auto;
}
.footer .list1 .hz{
	margin-right: 40px;
	float: left;
	width: 380px;
	height:auto;
}
.footer .list1 .hz h2{
	padding-bottom: 10px;
	margin-bottom: 10px;
	color:#FFFFFF;
	font-weight: normal;
	font-size: 26px;
	border-bottom: 3px dotted #666666;
}
.footer .list1 .hz ul{
	list-style: none;
}
.footer .list1 .hz ul li{
	font-size:20px ;
	color:#666666;
	padding-bottom: 10px;
	padding-bottom: 10px;
}
.footer a{
	text-decoration: none;
	font-size:20px ;
	color:#666666;
}
.footer .copyright{
	padding: 8px auto;
	background-color: #000000;
	line-height:50px ;
	height: 50px;
	width: 100%;
	clear: both;
}
.footer .copyright p{
	text-align: center;
	color:#999999;
	font-size: 16px;
}
}
@media only screen and (min-width:768px) and (max-width:1365px){ 
*{
	margin: 0;
	padding: 0;
}
body{
	width:100%;
	height:auto;
	margin: 0 auto;
}

.header{
	width: 100%;
	height:48px ;
	background:#333333 ;
	text-align: center;
	
}
.header .logo a{
    display: none;
}
.header .nav2{
	display: none;
}		
.header .nav1{
	width: 100%;
	height: 48px;
	
}
.header .nav1  ul{
	width:688px;
	text-align: center;
	list-style: none;
	margin: 0 auto;
}
.header .nav1 ul li{
	float: right;
	word-break:  keep-all;
	cursor: pointer;	
	padding-left: 40px;
	padding-right: 40px;
	color:#ffffff;
	font-size:16px;
	height: 48px;
	line-height: 48px;
}
.header .nav1 ul li a{
	text-align: center;
	text-decoration: none;
}
.header .nav1 ul li:hover{
	background-color: #000000;
}

#search{
	display: inline-block;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -100px;
	width: 100%;	
}
#search .center{
	width: 585px;
	height: 60px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 5%;
	margin: -30px 0 0 -250px;
	opacity: 0.6;
	border-radius: 10px;
}
#search .search {
	width: 446px;
	height: 52px;
	background-color: #eee;
	position: absolute;
	top: 50%;
	left: 5%;
	margin: -27px 0 0 -245px;
	color: #666;
	border: 1px solid #666;
	border-radius: 10px;
	font-size: 24px;
	padding: 0 10px;
	outline: none;
}
#search .button {
	width: 120px;
	height: 54px;
	background-color: #eee;
	position: absolute;
	top: 50%;
	left: 5%;
	margin: -27px 0 0 210px;
	color: #666;
	border: 1px solid #666;
	border-radius: 10px;
	font-size: 24px;
	outline: none;
	cursor: pointer;
	font-weight: bold;
}
.content .show {
	margin-top: 50px;
}
.content .show a{
	text-decoration: none;
}
.content ul{
	list-style: none;
}
.content .show .text_1{
	text-align: center;
}
.content .show .text_1 h1{
	color:#666666;
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;
}
.content .show .text_1 p{
	color:#666666;
	margin-bottom: 40px;
}
.content .show .top-ph{
	width:768px;
	margin: 0 auto;	
}
.content .show  ul{
	margin: 0 auto;
	float: left;
}
.content .show ul li{
	margin-bottom: 40px;
	float: left;
	padding: 5px;
	border: 1px solid #DDDDDD;
	margin-right: 20px;
	border-radius: 5px;
	margin-bottom: 40px;
}
.content .show  .top-ph li:nth-child(2){
	margin-right:0;
}
.content .show  .top-ph li:nth-child(4){
	margin-right:0;
}
.content .show  .top-ph li:nth-child(6){
	margin-right:0;
}
.content .show  .top-ph li:nth-child(8){
	margin-right:0;
}
.content .show .top-ph ul li .chuan{
	width: 362px ;
	height: 207px;
	background: url(../Img/s1.jpg)no-repeat center center;
}
.content .show .top-ph ul li .mr{
	width: 362px ;
	height: 207px;
	background: url(../Img/s2.jpg)no-repeat center center;
}
.content .show .top-ph ul li .hn{
	width: 362px ;
	height: 207px;
	background: url(../Img/s3.jpg)no-repeat center center;
}
.content .show .gc{
	float: left;
	background: #59B200;
	border:1px solid #59B200 ;
	border-bottom-right-radius:6px;
	padding: 1px 20px 1px 20px;
	text-align: center;
	font-size: 13px;
	color:#FFFFFF ;
}
.content .show span{
	font-size: 14px;
	color: #666666;	
}
.content .show strong{
	float: left;
	margin-top: 10px;
	color: #FF6600;
	font-size: 20px;
	font-weight: bold;
}
.content .show h3{
	margin-left: 5px;
	padding-top: 0px;
	float: left;
	color: #FF6600;
	font-size: 13px;	
}
.content .show h4{
	padding-top:15px ;
	float: right;
	color: #999999;
	font-size: 13px;
	font-w1
}
.content .show .top-ph ul li .fs{
	width: 362px ;
	height: 207px;
	background: url(../Img/s4.jpg)no-repeat center center;
}
.content .show .top-ph ul li .fr{
	width: 362px ;
	height: 207px;
	background: url(../Img/s5.jpg)no-repeat center center;
}
.content .show .top-ph ul li .bl{
	width: 362px ;
	height: 207px;
	background: url(../Img/s6.jpg)no-repeat center center;
}
.content .show .top-ph ul li .db{
	width: 362px ;
	height: 207px;
	background: url(../Img/s7.jpg)no-repeat center center;
}
.content .show .top-ph ul li .hy{
	width: 362px ;
	height: 207px;
	background: url(../Img/s8.jpg)no-repeat center center;
}
.content .show .top-ph ul li .jd{
	width: 362px ;
	height: 207px;
	background: url(../Img/s1.jpg)no-repeat center center;
}
.footer{
	clear: both;
	background-color: #333333;
	width: 100%;
	height: 80px;
}
.footer .list1{
	display: none;
}
.footer .list2{
	height: 40px;
	line-height: 40px;
	width: 100%;
}
.footer .list2  p{
	text-align: center;
}
.footer .list2  p a{
	text-decoration: none;
	font-size:16px ;
	color:#666666;
}
.footer .copyright{
	background-color: #000000;
	line-height:40px ;
	height: 40px;
	width: 100%;
}
.footer .copyright p{
	text-align: center;
	color:#999999;
	font-size: 16px;
}
}
@media only screen and (max-width:767px ) {
 *{
	margin: 0;
	padding: 0;
}
body{
	width:100%;
	height:auto;
	margin: 0 auto;
}

.header{
	width: 100%;
	height:48px ;
	background:#333333 ;
	text-align: center;
	
}
.header .logo a{
    display: none;
}	
.header .nav1{
    display: none;
	
}
.header .nav2{
	width: 100%;
	height: 48px;
}
.header .nav2 ul{
	width:448px;
	text-align: center;
	list-style: none;
	margin: 0 auto;
}
.header .nav2 ul li:hover{
	background-color: #000000;
}
.header .nav2 ul li{
	float: left;
	word-break:  keep-all;
	cursor: pointer;	
	padding-left: 40px;
	padding-right: 40px;
	color:#ffffff;
	font-size:16px;
	height: 48px;
	line-height: 48px;
}
.header .nav2 ul li a{
	text-align: center;
	text-decoration: none;
}
#search{
	display: inline-block;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 30px;
	width: 100%;	
}
#search .center{
	width: 380px;
	height: 40px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 5%;
	margin: -30px 0 0 -250px;
	opacity: 0.6;
	border-radius: 10px;
}
#search .search {
	width: 300px;
	height: 36px;
	background-color: #eee;
	position: absolute;
	top: 50%;
	left: 5%;
	margin: -28px 0 0 -245px;
	color: #666;
	border: 1px solid #666;
	border-radius: 10px;
	font-size: 14px;
	padding: 0 10px;
	outline: none;
}
#search .button {
	width: 60px;
	height: 36px;
	background-color: #eee;
	position: absolute;
	top: 50%;
	left: 10%;
	margin: -28px 0 0 35px;
	color: #666;
	border: 1px solid #666;
	border-radius: 10px;
	font-size: 14px;
	outline: none;
	cursor: pointer;
	font-weight: bold;
}.content .show {
	margin-top: 50px;
}
.content .show a{
	text-decoration: none;
}
.content ul{
	list-style: none;
}
.content .show .text_1{
	text-align: center;
}
.content .show .text_1 h1{
	color:#666666;
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;
}
.content .show .text_1 p{
	color:#666666;
	margin-bottom: 40px;
}
.content .show .top-ph{
	width:450px;
	margin: 0 auto;
}
.content .show  ul{
	margin: 0 auto;
	float: left;
}
.content .show ul li{
	float: left;
	padding: 5px;
	border: 1px solid #DDDDDD;
	margin-right: 20px;
	border-radius: 5px;
	margin-bottom: 40px;
}
.content .show ul li:nth-child(3){
	margin-right:0;
}
.content .show ul li:nth-child(6){
	margin-right:0;
}
.content .show ul li:nth-child(9){
	margin-right:0;
}
.content .show .top-ph ul li .chuan{
	width: 396px ;
	height: 241px;
	background: url(../Img/s1.jpg)no-repeat center center;
}
.content .show .top-ph ul li .mr{
	width: 396px ;
	height: 241px;
	background: url(../Img/s2.jpg)no-repeat center center;
}
.content .show .top-ph ul li .hn{
	width: 396px ;
	height: 241px;
	background: url(../Img/s3.jpg)no-repeat center center;
}
.content .show .gc{
	float: left;
	background: #59B200;
	border:1px solid #59B200 ;
	border-bottom-right-radius:6px;
	padding: 1px 20px 1px 20px;
	text-align: center;
	font-size: 13px;
	color:#FFFFFF ;
}
.content .show span{
	font-size: 14px;
	color: #666666;	
}
.content .show strong{
	float: left;
	margin-top: 10px;
	color: #FF6600;
	font-size: 20px;
	font-weight: bold;
}
.content .show h3{
	margin-left: 5px;
	padding-top: 15px;
	float: left;
	color: #FF6600;
	font-size: 13px;	
}
.content .show h4{
	padding-top:15px ;
	float: right;
	color: #999999;
	font-size: 13px;
	font-w1
}
.content .show .top-ph ul li .fs{
	width: 396px ;
	height: 241px;
	background: url(../Img/s4.jpg)no-repeat center center;
}
.content .show .top-ph ul li .fr{
	width: 396px ;
	height: 241px;
	background: url(../Img/s5.jpg)no-repeat center center;
}
.content .show .top-ph ul li .bl{
	width: 396px ;
	height: 241px;
	background: url(../Img/s6.jpg)no-repeat center center;
}
.content .show .top-ph ul li .db{
	width: 396px ;
	height: 241px;
	background: url(../Img/s7.jpg)no-repeat center center;
}
.content .show .top-ph ul li .hy{
	width: 396px ;
	height: 241px;
	background: url(../Img/s8.jpg)no-repeat center center;
}
.content .show .top-ph ul li .jd{
	width: 396px ;
	height: 241px;
	background: url(../Img/s1.jpg)no-repeat center center;
}
.content .show {
	margin-top: 50px;
}
.content .show a{
	text-decoration: none;
}
.content ul{
	list-style: none;
}
.content .show .text_1{
	text-align: center;
}
.content .show .text_1 h1{
	color:#666666;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}
.content .show .text_1 p{
	color:#666666;
	margin-bottom: 16px;
}
.content .show .top-ph{
	width:450px;
	margin: 0 auto;	
}
.content .show  ul{
	margin: 0 auto;
	float: left;
}
.content .show ul li{
	margin-bottom: 40px;
	padding: 5px;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	margin-bottom: 40px;
}
.content .show .top-ph ul li .chuan{
	width: 435px ;
	height: 280px;
	background: url(../Img/s1.jpg)no-repeat center center;
}
.content .show .top-ph ul li .mr{
	width: 435px ;
	height: 280px;
	background: url(../Img/s2.jpg)no-repeat center center;
}
.content .show .top-ph ul li .hn{
	width: 435px ;
	height: 280px;
	background: url(../Img/s3.jpg)no-repeat center center;
}
.content .show .gc{
	float: left;
	background: #59B200;
	border:1px solid #59B200 ;
	border-bottom-right-radius:6px;
	padding: 1px 20px 1px 20px;
	text-align: center;
	font-size: 13px;
	color:#FFFFFF ;
}
.content .show span{
	font-size: 14px;
	color: #666666;	
}
.content .show strong{
	float: left;
	margin-top: 10px;
	color: #FF6600;
	font-size: 20px;
	font-weight: bold;
}
.content .show h3{
	margin-left: 5px;
	padding-top: 0px;
	float: left;
	color: #FF6600;
	font-size: 13px;	
}
.content .show h4{
	padding-top:15px ;
	float: right;
	color: #999999;
	font-size: 13px;
	font-w1
}
.content .show .top-ph ul li .fs{
	width: 435px ;
	height: 280px;
	background: url(../Img/s4.jpg)no-repeat center center;
}
.content .show .top-ph ul li .fr{
	width: 435px ;
	height: 280px;
	background: url(../Img/s5.jpg)no-repeat center center;
}
.content .show .top-ph ul li .bl{
	width: 435px ;
	height: 280px;
	background: url(../Img/s6.jpg)no-repeat center center;
}
.content .show .top-ph ul li .db{
	width: 435px ;
	height: 280px;
	background: url(../Img/s7.jpg)no-repeat center center;
}
.content .show .top-ph ul li .hy{
	width: 435px ;
	height: 280px;
	background: url(../Img/s8.jpg)no-repeat center center;
}
.content .show .top-ph ul li .jd{
	width: 435px ;
	height: 280px;
	background: url(../Img/s1.jpg)no-repeat center center;
}
.footer{
	clear: both;
	background-color: #333333;
	width: 100%;
	height: 40px;
}
.footer .list1{
	display: none;
}
.footer .list2{
	height: 40px;
	line-height: 40px;
	width: 100%;
}
.footer .list2  p{
	text-align: center;
}
.footer .list2  p a{
	text-decoration: none;
	font-size:16px ;
	color:#666666;
}
.footer .copyright{
	display: none;
}
}